.connector-module-rule-form-item-app-form-field{
    position: relative;
    border: 1px solid #e0e1e2;
    background: #fff;
    height: 32px;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 32px;
    font-size: 13px;
    .placeholder{
      color:#bdc1c9 
    }
    .text{
        display: block;
        width: 100%;
        @include text-ellipsis();
    }
    .el-icon-circle-close {
        position: absolute;
        display: none;
        right: 10px;
        color: #bdc1c9;
        font-size: 14px;
        cursor: pointer;
    }
  }

  .connector-module-rule-form-item-app-dialog__content{
    box-sizing: border-box;
    padding: 20px;
    min-height: 400px;
    .form-builder{
        width: 100%;
        margin: 0;
        padding: 0;
        .connector-module-rule-form__item-w-auto{
            .err-msg-wrap{
                display: none;
            }
            .connector-module-rule-form-item-left-to-field-select{
                flex-shrink: 0;
            }
            .connector-module-rule-form-item-condition-select{
                flex-shrink: 0;
            }
        }
        .connector-module-rule-form .connector-module-rule-form-item-condition-select + div .el-select, .connector-module-rule-form .connector-module-rule-form-item-condition-select + div .el-cascader{
            width: 100%;
        }
        // .open-data{
        //     color: transparent;
        // }
        .user-search{
            .el-input__inner{
                // color: transparent !important;
                font-size: 14px !important;
            }
        }
    
    }
    .connector-module-connector-dialog-detail-action-create{
        margin-top: 10px;
    }
    // .el-cascader {
    //     width: 100%;
    // }
    .connector-module-rule-form-item-right-from-field-form-field-select{
        width: 100%;
    }
    .icon-question-circle{
        display: none;
    }
    .connector-module-rule-form-item-required{
        display: none;
    }
  }

.connector-module-rule-form-item-app-form-field:hover {
    .el-icon-circle-close {
        display: block;
    }
}